/*
*作者---杨彬
*
*/
<template>
    <div>
     <header>
       <div class="logo-img-warp"><img src="../../assets/my/myPoint.png" class="logo-img"></div>
       <p class="point-title" v-text="sData.myPoint.title"></p>
       <p class="point-number" v-text="pointDefault.point"></p>
       <div class="point-rule" @click="showRule">查看详细规则?</div>
     </header>
      <div class="this-div-space"></div>
      <section>
        <div class="point-nav-text" v-text="sData.myPoint.pointNav"></div>
        <div class="this-item" v-for="(bitem,bindex) in pointDefault.integralDetailVOs">
          <span class="item-time com-div-middle-ab" v-text="bitem.time"></span>
          <span class="item-use-type com-div-middle-ab"
                v-text="bitem.status==0?'交易获得':'交易使用'"
          ></span>
          <span class="item-use-number com-div-middle-ab" v-text="(bitem.status==0?'+':'-')+bitem.point"></span>
        </div>
      </section>
    </div>
</template>
<script type="text/javascript">
  export  default {
    data(){
      return{
        pointNumber:5000,
        pointDefault:"",
      }
    },
    props:["sData"],
    methods:{
      getData(){
        this.getAjax(this.sData.url.point,{userId:this.sData.userId},(res)=>{


          this.pointDefault=res.data
        })
      },
      showRule(){
        window.location.href=('#/comPages/integral');
      }
    },
    created(){
      document.title=this.sData.myPoint.title;
      this.getData()
        }
  }
</script>
<style scoped lang="less">
    @import "myPoint";
</style>
